{% extends "::base.html.twig" %}

{% block title %}{{ album_info.title }} - Galerie photos - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('/bundles/basepics/css/main.css') }}" type="text/css" media="screen" />
    <link rel="stylesheet" href="{{ asset('/css/fancybox.css') }}" type="text/css" media="screen" />
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('/js/jquery.fancybox.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/js/jquery.fancybox.pack.js') }}" type="text/javascript"></script>
{% endblock %}

{% block title_page %}picture{% endblock %}

{% block content %}

<h1 class="title">{{ album_info.title }}</h1>

<ul>
    {% for photo in photos_list %}
        <li>
            <a href="http://farm{{ photo.farm }}.static.flickr.com/{{ photo.server }}/{{ photo.id }}_{{ photo.secret }}_b.jpg" class="fancybox" title="{{ photo.title }}" rel="gallery">
                <img src="http://farm{{ photo.farm }}.static.flickr.com/{{ photo.server }}/{{ photo.id }}_{{ photo.secret }}_q.jpg" alt="{{ photo.title }}" width="150" height="150" />
            </a>
        </li>
    {% endfor %}
</ul>

{% endblock %}